<div class="card card-href">
    <div class="card-body">
        <div class="card-image"><img src="./images/dashboard-schema.svg" /></div>

        @if (app.canReadSchemas) {
            <h4 class="card-title">
                <a [routerLink]="['schemas', { showDialog: true }]">{{ "dashboard.schemaNewCard" | sqxTranslate }}</a>
            </h4>

            <div class="card-text">{{ "dashboard.schemaNewCardDescription" | sqxTranslate }}</div>
        } @else {
            <h4 class="card-title">
                <a [routerLink]="['schemas']">{{ "dashboard.schemasCard" | sqxTranslate }}</a>
            </h4>

            <div class="card-text">{{ "dashboard.schemasCardDescription" | sqxTranslate }}</div>
        }
    </div>
</div>
